.add{
	width: 200rpx;
	height: 60rpx;
	background: linear-gradient(0deg, #FBD220, #FFE23E);
	border-radius: 30px;
	font-size: 28rpx;
	font-weight: bold;
	color: #3D3D3D;
	text-align: center;
	line-height: 60rpx;
	margin-top: 20rpx;
}
.default{
	
}
//通用线条
.line{
	width: 10rpx;
	height: 30rpx;
	background: linear-gradient(0deg, #FBD220, #FFE23E);
	border-radius: 5rpx;

}
.car{
	padding: 0 24rpx;
	
	//头部标题跳转
	.top{
		// margin-top: 20rpx;
		position: relative;
		width: 700rpx;
		// height: 200rpx;
		padding: 42rpx 0rpx;
		background: #FFFFFF;
		box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.12);
		border-radius: 10rpx;
		
		margin: 20rpx auto 0 auto;
		
		.top-main{
			flex: 1;
		}
		
		.top-title{
			// width: 319rpx;
			margin-left: 35rpx;
			font-size: 28rpx;
			font-weight: 500;
			color: #666666;
			
			.pz{
				display: -webkit-box;
				overflow: hidden;
				white-space: normal !important;
				text-overflow: ellipsis;
				word-wrap: break-word;
				-webkit-line-clamp: 1;
				-webkit-box-orient: vertical;
			}
			view:first-child{
				font-size: 34rpx;
				display: -webkit-box;
				overflow: hidden;
				white-space: normal !important;
				text-overflow: ellipsis;
				word-wrap: break-word;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				font-weight: bold;
				color: #333333;
			}
		}
		
		
		.maintain{
			color: #3D3D3D;
			font-weight: 500;
			width: 163rpx;
			height: 54rpx;
			background: linear-gradient(0deg, #FBD220, #FFE23E);
			border-radius: 27rpx;
			text-align: center;
			line-height: 54rpx;
		}
		.top-logo{
			margin-left: 25rpx;
			width: 90rpx;
			height: 90rpx;
		}
	}
	
	//二级图标
	.menu{
		margin-top: 34rpx;
		.menu-list {
			margin-top: 24rpx;
		
			.menu-item{
				text-align: center;
				
				.item-img {
					width: 60rpx;
					height: 60rpx;
				}
		
				.item-text{
					font-size: 24rpx;
					font-weight: 500;
					color: #333;
				}
		
				.brand-img {
					width: 60rpx;
					height: 60rpx;
					background: #00C777;
				}
		
				.price-text {
					padding: 13rpx;
					background: #F2F2F2;
					border-radius: 5rpx;
					font-size: 24rpx;
					font-weight: 500;
					color: #666;
		
					&:last-child {
						color: #333;
					}
				}
			}
		}
	}

	// banner
	.banner {
		margin: 24rpx 0;
		
	  .img-swipe {
	    width: 100%;
	    height: 250rpx;
	    overflow: hidden;
	    margin: 0 auto;
	    text-align: center;
	
	    image {
				border-radius: 20rpx;
	      width: 98%;
				height: 100%;
	    }
	  }
	
	  .dots-container {
	    margin: 14rpx 0;
	
	    .dot {
	      margin: 0 8rpx;
	      width: 10rpx;
	      height: 10rpx;
	      background: rgba(255, 255, 255, 1);
	      border-radius: 5rpx;
	    }
	
	    .dot.active {
	      width: 25rpx;
	      height: 10rpx;
	      background: rgba(251, 210, 32, 1);
	      border-radius: 5rpx;
	    }
	  }
	}

	//福利购
	.welfare{
		
		
		.title{
			margin-left: 20rpx;
			font-size: 32rpx;
			font-weight: bold;
			color: #333333;
		}
		
		//右边
		.welfare-right{
			color: #999999;
			font-size: 24rpx;
			font-weight: 500;
		}
	
		// 列表
		.welfare-list{
				margin-bottom: 40rpx;
				
			.welfare-img{
				width: 260rpx;
				height: 173rpx;
				background: #C6C6C6;
				border-radius: 10rpx;
				
			}
			.welfare-text{
				width: 373rpx;
				margin-left: 20rpx;
			}
			
			.welfare-footer{
				// width: 373rpx;
				
				&-btn{
					width: 163rpx;
					height: 54rpx;
					background: linear-gradient(0deg, #FBD220, #FFE23E);
					border-radius: 27rpx;
					text-align: center;
					line-height: 54rpx;
					margin-left: 20rpx;
				}
			}
		}
	}

	// 附近门店
	.nearby{
		
		&-img{
			width: 38%;
			height: 160rpx;
			
			image{
				width: 240rpx;
				height: 100%;
				border-radius: 10rpx;
				background-color: #C6C6C6;
			}
		}
		
		.nearby-right{
			width: 62%;
			padding-bottom: 30rpx;
			border-bottom: 2rpx solid #EEEEEE;
			line-height: 47rpx;
			
			&-title{
				font-size: 30rpx;
				font-weight: 500;
				color: #333333;
			}
			
			.store{
				margin-left: 20rpx;
				
				text{
					background: linear-gradient(0deg, #FBD220, #FFE23E);
					border-radius: 5rpx;
					font-size: 20rpx;
					font-weight: 500;
					color: #3F3F3F;
					padding: 0rpx 5rpx;
				}
			}
			
			.address{
				width: 332rpx;
				display: -webkit-box;
				overflow: hidden;
				white-space: normal !important;
				text-overflow: ellipsis;
				word-wrap: break-word;
				-webkit-line-clamp: 1;
				-webkit-box-orient: vertical;
			}
			
			.time{
				font-size: 24rpx;
				font-weight: 500;
				color: #666666;
			}
			
			.live{
				width: 210rpx;
				height: 42rpx;
				border: 2rpx solid #FF4B44;
				border-radius: 21rpx;
				color: #FF4B44;
				font-size: 24rpx;
				font-weight: 500;
				margin-top: 15rpx;
			}
		}
		
		
	}
	
	.nearby-footer{
		border-bottom: 2rpx solid #EEEEEE;
		padding: 30rpx 0;
		
		.yuan{
			width: 16rpx;
			height: 16rpx;
			background: #FBD220;
			border-radius: 50%;
			margin-right: 5rpx;
		}
	}
	
}
